<?php $this->layout('layout.php') ?>
<?php $this->title = 'Welcome' ?>
<div id="carousel">
		<img src="<?= $this->asset('images/1.jpg'); ?>" id="item-1" alt="Item 1" />
          <img src="<?= $this->asset('images/2.jpg'); ?>" id="item-2" alt="Item 2"/>
          <img src="<?= $this->asset('images/3.jpg'); ?>" id="item-3" alt="Item 3"/>
          <img src="<?= $this->asset('images/4.jpg'); ?>" id="item-4" alt="Item 4"/>
          <img src="<?= $this->asset('images/5.jpg'); ?>" id="item-5" alt="Item 5"/>
          <img src="<?= $this->asset('images/6.jpg'); ?>" id="item-6" alt="Item 6"/>
          <img src="<?= $this->asset('images/7.jpg'); ?>" id="item-7" alt="Item 7"/>
          <img src="<?= $this->asset('images/8.jpg'); ?>" id="item-8" alt="Item 8"/>
          <img src="<?= $this->asset('images/9.jpg'); ?>" id="item-9" alt="Item 9"/>
		</div>
		<div id="flcarou">
			<a href="#" id="prev"><img src="<?= $this->asset('images/FG.png'); ?>" alt="previous"></a>	<a href="#" id="next"><img src="<?= $this->asset('images/FD.png'); ?>" alt="next"></a>
		    <br/>
		</div>
		<div id="fielset">
 				<fieldset class="fielset1" onclick="location.href='<?= $this->route('aboutUs'); ?>'">
 					<legend>About Us :</legend>
 					<p><img src="<?= $this->asset('images/RE.png'); ?>" style="float:left;margin-top:-10px;" alt="RE"/>
 						Mensarum enim voragines et varias voluptatum inlecebras, ne longius progrediar, praetermitto illuc transiturus quod quidam per ampla spatia urbis subversasque silices sine periculi metu properantes equos velut publicos signatis quod dicitur calceis agitant, familiarium agmina tamquam praedatorios globos post terga trahentes ne Sannione quidem, ut ait comicus, domi relicto. quos imitatae matronae complures opertis capitibus et basternis per latera civitatis cuncta discurrunt.
		    		</p>
		    	</fieldset>

		    	<fieldset class="fielset1" onclick="location.href='<?= $this->route('sponsor'); ?>'">
 					<legend>Sponsors :</legend>
 					<p style="float:left;width:50%;">
 						<img src="<?= $this->asset('images/RE.png'); ?>" style="float:left;margin-top:-10px;" alt="RE">
 						Illud autem non dubitatur quod cum esset aliquando virtutum omnium domicilium Roma, ingenuos advenas plerique nobilium, ut Homerici bacarum suavitate Lotophagi, humanitatis multiformibus officiis retentabant.
					</p>
 					<p style="float:right;width:50%;">

 						<img src="<?= $this->asset('images/RE.png'); ?>" style="float:left;margin-top:-10px;" alt="RE">
						Illud autem non dubitatur quod cum esset aliquando virtutum omnium domicilium Roma, ingenuos advenas plerique nobilium, ut Homerici bacarum suavitate Lotophagi, humanitatis multiformibus officiis retentabant.
					</p>
		    	</fieldset>

	    	<fieldset>
 					<legend>Contact :</legend>
 					<p style="float:left;width:50%;">
 						<img src="<?= $this->asset('images/RE.png'); ?>" style="float:left;margin-top:-10px;" alt="RE">
 						Illud autem non dubitatur quod cum esset aliquando virtutum omnium domicilium Roma, ingenuos advenas plerique nobilium, ut Homerici bacarum suavitate Lotophagi, humanitatis multiformibus officiis retentabant.
					</p>
					<p style="float:left;width:39%;margin-left:5px;">
						<iframe width="350" height="100" class="googleMap" src="https://maps.google.fr/maps?ie=UTF8&amp;q=cpe+lyon&amp;fb=1&amp;gl=fr&amp;hq=cpe+lyon&amp;cid=11455951414259567222&amp;t=m&amp;ll=45.783761,4.869025&amp;spn=0.004489,0.006437&amp;z=16&amp;iwloc=A&amp;output=embed"></iframe><br /><small><a href="https://maps.google.fr/maps?ie=UTF8&amp;q=cpe+lyon&amp;fb=1&amp;gl=fr&amp;hq=cpe+lyon&amp;cid=11455951414259567222&amp;t=m&amp;ll=45.783761,4.869025&amp;spn=0.004489,0.006437&amp;z=16&amp;iwloc=A&amp;source=embed" style="color:#0000FF;text-align:left">Agrandir le plan</a></small>
    				</p>
		    		<p style="float:right;width:10%;">
						<a id="contactlink" href="<?= $this->route('contactUs'); ?>">Contact Us</a>

		    		</p>

	    	</fieldset>
	    	<!-- Sript pour caroussel !-->
</div>
<script type="text/javascript">
      $(function () {
        var carousel = $("#carousel").waterwheelCarousel({
          flankingItems: 3,
          movingToCenter: function ($item) {
            $('#callback-output').prepend('movingToCenter: ' + $item.attr('id') + '<br/>');
          },
          movedToCenter: function ($item) {
            $('#callback-output').prepend('movedToCenter: ' + $item.attr('id') + '<br/>');
          },
          movingFromCenter: function ($item) {
            $('#callback-output').prepend('movingFromCenter: ' + $item.attr('id') + '<br/>');
          },
          movedFromCenter: function ($item) {
            $('#callback-output').prepend('movedFromCenter: ' + $item.attr('id') + '<br/>');
          },
          clickedCenter: function ($item) {
            $('#callback-output').prepend('clickedCenter: ' + $item.attr('id') + '<br/>');
          },
          autoPlay: 2000,
        });

        $('#prev').bind('click', function () {
          carousel.prev();
          return false;
        });

        $('#next').bind('click', function () {
          carousel.next();
          return false;
        });

        $('#reload').bind('click', function () {
          newOptions = eval("(" + $('#newoptions').val() + ")");
          carousel.reload(newOptions);
          return false;
        });

      });
    </script>
